.news-main {
    .product-class {
        padding    : 0 .48/1.5rem;
        padding-top: .12/1.5rem;

        .product-category {
            li {
                position        : relative;
                float           : left;
                display         : flex;
                justify-content : center;
                align-items     : center;
                width           : 32%;
                height          : .933333/1.5rem;
                margin-top      : .2/1.5rem;
                margin-right    : .2/1.5rem;
                border-right    : 1px solid #ffffff;
                background-color: #0b45ac;

                &:nth-child(3n) {
                    margin-right: 0;
                }

                a {
                    position: absolute;
                    top     : 0;
                    left    : 0;
                    width   : 100%;
                    height  : 100%;
                    z-index : 2;
                }

                span {
                    font-size: .346667/1.5rem;
                    color    : #fefefe;
                }
            }
        }
    }

    .news-content {
        padding: 0 .48/1.5rem;

        .news-content-items {
            .news-content-item {
                display         : flex;
                height          : 1.866667/1.5rem;
                margin          : .213333/1.5rem 0;
                background-color: #f1f1f1;

                .item-left {
                    display        : flex;
                    flex-direction : column;
                    justify-content: center;
                    text-align     : center;
                    margin         : 0 .2/1.5rem;

                    .item-left-day {
                        font-size: .8/1.5rem;
                        color    : #333333;
                    }

                    .item-left-month {
                        font-size: .293333/1.5rem;
                        color    : #666666;
                    }
                }

                .item-right {
                    position   : relative;
                    margin-left: .2/1.5rem;

                    a {
                        position: absolute;
                        top     : 0;
                        left    : 0;
                        width   : 100%;
                        height  : 100%;
                        z-index : 2;
                    }

                    h3 {
                        width      : 80%;
                        font-size  : .32/1.5rem;
                        margin-top : .4/1.5rem;
                        line-height: .56/1.5rem;
                        color      : #333333;
                    }

                    .item-text {
                        white-space: nowrap;
                        font-size  : .32/1.5rem;

                        span:first-child {
                            width: 80%;
                            color: #666666;
                        }

                        span:last-child {
                            color: #0b45ac;
                        }
                    }
                }
            }
        }
    }
}